<!DOCTYPE html>
<html class="no-js">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>EasyQueue</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="shortcut icon" href="/img/1367329744_17256.ico">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<style type="text/css">

html,body {
  direction:rtl;
  height: 100%;
  background-image: url("img/diamond_upholstery.png");
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,#footer {
  height: 60px;
}

#footer {
  background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media ( max-width : 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Custom page CSS
      -------------------------------------------------- */
/* Not required for template or sticky footer method. */
#wrap>.container {
  padding-top: 60px;
}
.container .credit {
  margin: 20px 0;
}

code {
  font-size: 80%;
}
</style>
</head>

<body>
  <!-------------- DESKTOP SITE -------------->
  <!-- Part 1: Wrap all page content here -->
  <div id="wrap" class=visible-desktop>
    <!-- Fixed navbar -->
    <div class="navbar navbar-fixed-top navbar-inverse" >
      <div class="navbar-inner"  >
        <div class="container">
          <h4 id=welcome class="muted pull-left"></h4>
          <!--/.nav-collapse -->
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
          <div class="nav-collapse pull-right collapse">
            <ul class="nav">
              <li><a id=login href="{{ login_url }}">התחבר</a></li>
              <li><a href="/help">עזרה</a></li>
              <li><a href="/admin_page">התורים שלי</a></li>
              <li class="active"><a href="/">ראשי</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- Begin page content -->
    <div class="container">
      <div class="row-fluid" align="center">
        <h1 style="font-size: 64px; line-height: 1">EasyQueue</h1>
        <p class="lead" style="direction: rtl;">הסוף לתורים כבר כאן!</p>
      </div>

      <div class="bodydesk">
        <div class="row-fluid" style="margin-top: 1cm;">
          <p class="lead span6 offset3" dir="rtl">EasyQueue היא מערכת לניהול תורים וירטואליים.<br> EasyQueue מאפשרת ללקוחותיך להיכנס לכל תור בצורה פשוטה ונעימה ולהתעדכן בזמן אמת במיקומם ובזמן ההמתנה המשוער שלהם.<br> <br> להוראות
            שימוש ומידע נוסף לחץ<a href="/help"> כאן.</a></p>
        </div>

        <div id="queues" class="row-fluid" style="margin-top: 40px" align="center">
          <a class="btn btn-large btn-primary" href="/admin_page">התורים שלי</a>
        </div>
		<div align="center" style = "margin-top:20px; margin-bottom:20px;">
		<iframe width="420" height="315" src="//www.youtube.com/embed/D8dM-blvgfk" frameborder="0" allowfullscreen></iframe>
		</div>
		
      </div>
    </div>
    <!-- push + footer -->
    <div id="push"></div>
  </div>

  <div id="footer" class=visible-desktop style="background-color: #1b1b1b">
    <div class="container">
      <p align=center style="color: #999999"><br>© EasyQueue 2013</p>
    </div>
  </div>
  <!-- End Desktop -->

  <!-------------- MOBILE SITE -------------->
  <div class="container-fluid hidden-desktop" align="center">

    <div class="row-fluid">
      <h1>EasyQueue</h1>
      <p class="lead">The End of Lines has Arrived!</p>
    </div>


    <div class="row-fluid" style="margin-top: 10px">
      <div class="btn-group btn-group-vertical">
        <a class="btn btn-large btn-primary" id=queues_m href="/admin_page">התורים שלי</a>
        <a class="btn btn-large btn-primary" id=queues_m href="/help">עזרה</a>
        <a class="btn btn-large btn-danger" id=login_m href="{{ login_url }}">התנתק</a>
      </div>
    </div>

    <div style="margin-top: 16px;" align="center">
      <a href="/help" target="_blank">
        <img src="/img/1369968895_Information.png" width="48" height="48">
        </image>
        <br> איך מתחילים?
      </a>
    </div>

    <div class="footer" style="margin-top: 10px">
      <p>© EasyQueue 2013</p>
    </div>

  </div>
  <!-- End Mobile -->



  <!-------------- JavaScripts -------------->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
  <script src="js/vendor/bootstrap.min.js"></script>
  <script src="js/main.js"></script>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  <script>
                var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
                (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
                g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
                s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>
  <script>$(".alert").alert()</script>
  <script src="js/vendor/index.js"></script>
  <script>
                initilize_page("{{admin_state}}","{{admin_name}}","{{logout_url}}","{{login_url}}");
                post_init();
  </script>
</body>

</html>
